<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>金融网站</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="js/vendor/owl.carousel.2.1.0/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="js/vendor/owl.carousel.2.1.0/assets/owl.theme.default.min.css">
</head>

<body>
<!--[if lt IE 9]>
<p class="browserupgrade">您的浏览器版本老的可笑, 请到 <a href="http://browsehappy.com/">这里</a> 更新, 以获取最佳的体验</p>
<![endif]-->

<!--header-->
<header>
    <nav class="nav-top clearfix">
        <span class='pull-left'>理财热线: 400-888-8888</span>
        <ul class='pull-right clearfix'>
            <li><a href="#">登录</a></li>
            <li><a href="#">快速注册</a></li>
            <li><a href="#">关于</a></li>
            <li><a href="#">帮助</a></li>
            <li><a href="#">APP下载</a></li>
        </ul>
    </nav>

    <nav class="nav-main clearfix">
        <a href="#" class='brand'><img src="img/logo@1x.png" alt="品牌logo"></a>
        <ul class='clearfix'>
            <li><a href="#">首页</a></li>
            <li><a href="#">理财频道</a></li>
            <li><a href="#">投资频道</a></li>
            <li><a href="#">新手专区</a></li>
            <li><a href="#">安全保障</a></li>
        </ul>
    </nav>
</header>

<!--中间主题内容-->
<div class="container">

    <!--transaction-->
    <section class="transaction">
        <div class="trans__content clearfix">
            <div class="trans__content-data">
                <span>平台累计成交金额</span>
                <span class="money">19888</span>
                <span>万元</span>
            </div>

            <div class="trans__content-data">
                <span>过去7日成交金额 </span>
                <span class="money">1888</span>
                <span>万元</span>
            </div>

            <div class="trans__content-report">
                <a href="#">查看平台运营报告</a>
            </div>
        </div>
    </section>

    <!--ad-->
    <section class="ad">
        <div class="owl-carousel owl-theme">
            <div class="slider-img">
                <picture>
                    <source srcset="img/ad001-l.png" media="(min-width:50em)">
                    <source srcset="img/ad001-m.png" media="(min-width:30em)">
                    <img src="img/ad001.png" alt="广告图片">
                </picture>
            </div>

            <div class="slider-img">
                <picture>
                    <source srcset="img/ad002-l.png" media="(min-width:50em)">
                    <source srcset="img/ad002-m.png" media="(min-width:30em)">
                    <img src="img/ad002.png" alt="广告图片">
                </picture>
            </div>

            <div class="slider-img">
                <picture>
                    <source srcset="img/ad003-l.png" media="(min-width:50em)">
                    <source srcset="img/ad003-m.png" media="(min-width:30em)">
                    <img src="img/ad003.png" alt="广告图片">
                </picture>
            </div>

        </div>
    </section>

    <!--feature-->
    <section class="feature">
        <div class="feature__item">
            <h3>安全</h3>
            <p class="feature__item-desc">国家AAA信用平台<br>银行资金托管<br>上市公司背景保证</p>
        </div>

        <div class="feature__item">
            <h3>权威</h3>
            <p class="feature__item-desc">中央电视台推荐<br>互联网百强企业<br>标准起草单位</p>
        </div>

        <div class="feature__item">
            <h3>省心</h3>
            <P class="feature__item-desc">100元起投<br>用户利益保障机制<br>保险公司承保</P>
        </div>
    </section>

    <!-- notice -->
    <section class="notice clearfix">
        <a href="#">
            <span>最新公告：</span>
            <span class="time">2017-4-22</span>
            元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告。
        </a>
        <span class="notice-more"><a href="#">更多公告</a></span>
    </section>

    <!--product-1-->
    <section class="product clearfix">
        <div class="product__title">
            <h2>固定期限产品</h2>
            <p><em>甄选优质基金</em></p>
            <p><em>省时省力</em></p>
            <p><em>坐等收益</em></p>
        </div>

        <div class="product__content">

            <div class="product__content-item clearfix">
                <h3><span>3</span>个月</h3>
                <div class="info clearfix">
                    <p>约定年化收益率:<span>3.50%  <i>起</i></span></p>
                    <p>总成交金额:<span>1880  <i>万元</i></span></p>
                </div>
                <div class="buy-button">
                    <a href="#">购买</a>
                </div>
            </div>

            <div class="product__content-item clearfix">
                <h3><span>3-6</span>个月</h3>
                <div class="info clearfix">
                    <p>约定年化收益率:<span>3.60%  <i>起</i></span></p>
                    <p>总成交金额:<span>2880  <i>万元</i></span></p>
                </div>
                <div class="buy-button">
                    <a href="#">购买</a>
                </div>
            </div>

            <div class="product__content-item clearfix">
                <h3><span>6-12</span>个月</h3>
                <div class="info clearfix">
                    <p>约定年化收益率:<span>4.50%  <i>起</i></span></p>
                    <p>总成交金额:<span>3880  <i>万元</i></span></p>
                </div>
                <div class="buy-button">
                    <a href="#">购买</a>
                </div>
            </div>

            <div class="product__content-item clearfix">
                <h3><span>12-24</span>个月</h3>
                <div class="info clearfix">
                    <p>约定年化收益率:<span>5.60%  <i>起</i></span></p>
                    <p>总成交金额:<span>4880  <i>万元</i></span></p>
                </div>
                <div class="buy-button">
                    <a href="#">购买</a>
                </div>
            </div>

            <div class="product__content-item clearfix">
                <h3><span>24</span>个月以上</h3>
                <div class="info clearfix">
                    <p>约定年化收益率:<span>6.20%  <i>起</i></span></p>
                    <p>总成交金额:<span>5880  <i>万元</i></span></p>
                </div>
                <div class="buy-button">
                    <a href="#">购买</a>
                </div>
            </div>

        </div>
    </section>

    <!--product-2-->
    <section class="product clearfix">
        <div class="product__title">
            <h2>债权/散标产品</h2>
            <p><em>自主投资</em></p>
            <p><em>期限灵活</em></p>
        </div>

        <div class="product__content">

            <div class="product__content-item clearfix">
                <h3>
                    <span>3</span>个月
                    <i>日常生活消费</i>
                </h3>
                <div class="info clearfix">
                    <p>约定年化收益率:<span>4.90%  <i>起</i></span></p>
                    <p>总成交金额:<span>18,000  <i>元</i></span></p>
                </div>
                <div class="buy-button">
                    <a href="#">投标</a>
                </div>
            </div>

            <div class="product__content-item clearfix">
                <h3>
                    <span>5</span>个月
                    <i>资金周转</i>
                </h3>
                <div class="info clearfix">
                    <p>约定年化收益率:<span>5.20%  <i>起</i></span></p>
                    <p>总成交金额:<span>28,800  <i>元</i></span></p>
                </div>
                <div class="buy-button">
                    <a href="#">投标</a>
                </div>
            </div>

            <div class="product__content-item clearfix">
                <h3>
                    <span>7</span>个月
                    <i>个人消费</i>
                </h3>
                <div class="info clearfix">
                    <p>约定年化收益率:<span>5.50%  <i>起</i></span></p>
                    <p>总成交金额:<span>38,800  <i>元</i></span></p>
                </div>
                <div class="buy-button">
                    <a href="#" class="disabled">还款中</a>
                </div>
            </div>

            <div class="product__content-item clearfix">
                <h3>
                    <span>1</span>个月
                    <i>日常生活消费</i>
                </h3>
                <div class="info clearfix">
                    <p>约定年化收益率:<span>4.90%  <i>起</i></span></p>
                    <p>总成交金额:<span>48,800  <i>元</i></span></p>
                </div>
                <div class="buy-button">
                    <a href="#" class="disabled">还款中</a>
                </div>
            </div>

            <div class="product__content-item clearfix">
                <h3>
                    <span>12</span>个月
                    <i>资金周转</i>
                </h3>
                <div class="info clearfix">
                    <p>约定年化收益率:<span>7.20%  <i>起</i></span></p>
                    <p>总成交金额:<span>18,000  <i>元</i></span></p>
                </div>
                <div class="buy-button">
                    <a href="#" class="disabled">还款中</a>
                </div>
            </div>
        </div>
    </section>

    <!--message-->
    <section class="message">
        <div class="message__container clearfix">
            <div class="message__logo"></div>
            <div class="message__content clearfix">
                <dl>
                    <dt>关于我们</dt>
                    <dd><a href="#">公司介绍</a></dd>
                    <dd><a href="#">业务模式</a></dd>
                    <dd><a href="#">合作机构</a></dd>
                    <dd><a href="#">服务协议</a></dd>
                </dl>

                <dl>
                    <dt>风险防范</dt>
                    <dd><a href="#">账户安全</a></dd>
                    <dd><a href="#">安全保障</a></dd>
                </dl>

                <dl>
                    <dt>理财产品</dt>
                    <dd><a href="#">固定期限</a></dd>
                    <dd><a href="#">债权/散标</a></dd>
                </dl>

                <dl>
                    <dt>交易帮助</dt>
                    <dd><a href="#">购买</a></dd>
                    <dd><a href="#">赎回</a></dd>
                    <dd><a href="#">提现</a></dd>
                </dl>

                <dl>
                    <dt>机构服务</dt>
                    <dd><a href="#">机构中心</a></dd>
                    <dd><a href="#">合作联系</a></dd>
                </dl>
            </div>
        </div>
    </section>
</div>

<!--footer-->
<footer>
    <ul>
        <li><span class="icon-1">支付业务许可证</span></li>
        <li><span class="icon-2">PCI认证</span></li>
        <li><span class="icon-3">Visa 验证</span></li>
        <li><span class="icon-4">VerSign加密服务</span></li>
        <li><span class="icon-5">网络工商</span></li>
        <li><span class="icon-6">电子商务协会认证诚信网</span></li>
        <li><span class="icon-7">北京工商</span></li>
    </ul>
    <p>北京某互联网金融公司 版权所有 ® 2015-2016</p>
</footer>


<!--引包-->
<script src='js/vendor/jquery.min.js'></script>
<script src="js/vendor/owl.carousel.2.1.0/owl.carousel.js"></script>
<script src="js/vendor/picturefill.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>
